<template>
  <div class="home-wrapper">
    
     <main>
       <router-view></router-view>
    
        <!-- <Pick></Pick> -->

     </main>
     <footer>
       <van-tabbar 
       v-model="active" 
       inactive-color="#bcbcbc" 
       active-color="#59d16c"
       route
       >
          <van-tabbar-item 
          
          icon="smile-o"
          to="/home/pick"
          >精选</van-tabbar-item>
          <van-tabbar-item 
          icon="search"
          to="/home/classfiy"
          >分类</van-tabbar-item>
          <van-tabbar-item 
          icon="orders-o"
          to="/home/xmbook"
          >小萌书</van-tabbar-item>
          <van-tabbar-item 
          icon="cart-o"
          to="/cart"
          >购物车</van-tabbar-item>
          <van-tabbar-item 
          icon="contact"
          to="/home/myepet"
          >我的E宠</van-tabbar-item>

        </van-tabbar>
     </footer>
      
  </div>
</template>

<script>
import Vue from 'vue';
import { Search } from 'vant';
Vue.use(Search);
import { Icon } from 'vant';
Vue.use(Icon);
import { Tab, Tabs } from 'vant';
Vue.use(Tab);
Vue.use(Tabs);
import { Image as VanImage } from 'vant';
Vue.use(VanImage);
import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe);
Vue.use(SwipeItem);
import {Grid, GridItem,List, Tabbar, TabbarItem } from 'vant';
Vue.use(Grid).use(GridItem).use(List).use(Tabbar).use(TabbarItem);


export default {

    data(){
        return{
            value:'',
            active:''
        

        }
    },

}
</script>


<style lang="stylus" scoped>
.home-wrapper
    height 100%
    width 100%
    
    main 
      overflow-y auto
      height 100%
      

                


     
          
      
     
        
       




</style>